<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单详情</title>

    <link rel="stylesheet" type="text/css" href="../bootstrap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../bootstrap/bootstrap-theme.css">
    <link rel="stylesheet" type="text/css" href="../react/react-bootstrap-table-all.min.css">
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" >
    <link rel="stylesheet" type="text/css" href="../css/component.ui.css" >
    <link rel="stylesheet" type="text/css" href="../css/ui.css">
    <link rel="stylesheet" type="text/css" href="../css/style.css">

    <script src="../react/react.js"></script>
    <script src="../react/react-dom.js"></script>
    <script src="../react/babel.min.js"></script>
    <script src="../react/react-bootstrap-table.js"></script>

    <script src="../jq/jquery-1.10.2.min.js"></script>
    <script src="../bootstrap/bootstrap.min.js" ></script>

    <script type="text/babel" src="../js/component/component.detail.timeLine.js" ></script>
    <script type="text/babel" src="../js/module/app.js" ></script>
    <script type="text/babel" src="../js/module/purchase.detail.js" ></script>
</head>
<body>

<div class="topbar">
    <div class="container">
        <div class="topbar-link">
            <ul>
                <li>点钢网首页</li>
                <li class="unlogin"><a href="">请登录</a></li>
                <li class="unlogin"><a href="">免费注册</a></li>
                <li class="logon">您好！努巴尼机械科技有限公</li>
                <li class="logon"><a href="">退出</a></li>
            </ul>
        </div>
        <div class="topbar-menu">
            <a>我的点钢网</a>|
            <a>消息中心</a>|
            <a>在线洽谈</a>|
            <a>帮助中心</a>|
            <a>客服电话：400-007-2323</a>
        </div>
    </div>
</div>

<div class="header">
    <div class="container">
        <div class="logo">LOGO</div>
        <ul class="header-nav">
            <li><div class="link-hd">我的铁矿</div></li>
            <li><div class="link-hd">我的钢材</div></li>
            <li><div class="link-hd">我的镍矿</div></li>
            <li><div class="link-hd">我的煤焦</div></li>
        </ul>
    </div>
</div>

<div class="path-navigation">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#"><a>会员中心</a></li>
            <li><a href="#"><a>我的铁矿</a></li>
            <li><a href="myPurchase.html">我的采购</a></li>
            <li class="active"><a>订单详情</a></li>
        </ol>
    </div>
</div>

<div class="container wrap">

    <div class="row">
        <div class="col-md-8">
            <div class="preview">
                <div class="preview-header">订单详情</div>
                <div class="preview-body">
                    <table class="preview-table widthFull">
                            <tr>
                                <th class="width100">卖方</th>
                                <td>努巴尼机械科技有限公司</td>
                                <th class="width100">商品编号</th>
                                <td>GP0020170314000004</td>
                            </tr>
                        </table>

                    <table class="preview-table widthFull">
                            <tr>
                                <th class="width100">品名</th><td>PB粉</td><th class="width100">指标类型</th><td>典型值</td>
                            </tr>
                        </table>

                    <table class="preview-table widthFull">
                            <tr>
                                <th class="width100">Fe</th><td>56.08</td><th class="width100">SiO2</th><td>2.05</td><th class="width100">Al2O3</th><td>3.02</td>
                            </tr>
                            <tr>
                                <th class="width100">P</th><td>56.08</td><th class="width100">S</th><td>2.05</td><th class="width100">H2O</th><td>3.02</td>
                            </tr>
                            <tr>
                                <th class="width100">LOI</th><td>56.08</td><th class="width100">Mn</th><td>2.05</td><th class="width100">Na</th><td>3.02</td>
                            </tr>
                            <tr>
                                <th class="width100">K</th><td colspan="5"></td>
                            </tr>
                            <tr>
                                <th class="width100">粒度</th><td colspan="5"></td>
                            </tr>
                        </table>

                    <table class="preview-table widthFull">
                            <tr>
                                <th class="width100">可交易量（湿吨）</th><td>10000±10%</td>
                                <th class="width100">价格（元/湿吨）</th><td>700</td>
                                <th class="width100">港口</th><td>青岛港</td>
                            </tr>
                            <tr>
                                <th class="width100">可否拆分</th><td>是</td>
                                <th class="width100"> 起订量（湿吨）</th><td>5000</td>
                                <th class="width100">交易幅度（湿吨）</th><td>1000</td>
                            </tr>
                            <tr>
                                <th class="width100">计价方式</th><td>汽车车板</td>
                                <th class="width100">计量方式</th><td>过磅</td>
                                <th class="width100">有效日期</th><td>2017-03-30 10:32:00</td>
                            </tr>
                            <tr>
                                <th class="width100">备注</th><td colspan="5"></td>
                            </tr>
                            <tr>
                                <th class="width100">业务员</th><td colspan="5"></td>
                            </tr>
                            <tr>
                                <th class="width100">联系电话</th><td colspan="5"></td>
                            </tr>
                        </table>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div id="detail-timeline"></div>
        </div>
    </div>


        <div class="preview detail-operation">
                <div class="preview-body clearfix">
                    <div class="col-md-3"><button class="btn btn-ghost btn-info btn-block"><i class="fa fa-cloud-download"></i>双签合同</button></div>
                    <div class="col-md-3"><button class="btn btn-ghost btn-info btn-block"><i class="fa fa-cloud-download"></i>放货单</button></div>
                    <div class="col-md-3"><button class="btn btn-ghost btn-info btn-block"><i class="fa fa-cloud-download"></i>实提明细</button></div>
                    <div class="col-md-3"><button class="btn btn-ghost btn-info btn-block"><i class="fa fa-cloud-download"></i>双签结算单</button></div>
                </div>
        </div>

</div>


</body>
</html>